<template>
	<view class="list_item">
			 <image  class="imgs"  :src="list1.imgUrl"></image>
			 <view class="name">{{list1.name}}</view>
			
				
				<template>
					<uni-rate
					v-model="value"
					active-color="pink" :size="18"/>
				</template>
				
					
					
		
		
	</view>
</template>



<script>
	export default{
		 data(){
			 return{
				 value:5
			 }
		 },
		 props:{
			
			 list1:{
				 type:Object,
				 default:()=>{}
			 }
		 }
	}
</script>

<style lang="less">
	.list_item{
		flex: 0 0 110px;
		height:130px;
		display: flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 0px 5px #ccc;
		border-radius: 5px;
		margin-left: 20px;
		margin-top: 5px;
	   font-size: 12px;
	   // &:nth-last-of-type(1){
		  //  margin-right: 1000px;
	   // }
	   .name{
		   font-size: 14px;
		   text-align: center;
		   margin-top: 5px;
		   font-weight: bold;
			}
			.rate{
				margin-top: 5px;
		     font-size: 12px;
			 color: #666;
			}
		.imgs{
			width: 100rpx;
			height: 100rpx;
			border-radius:50%;
			// margin-left: 15px;
		}
	
	}
</style>
